<template>
  <div class="el-courseware el-step-box">
    <div class="el-step-menu">
      <div class="el-step-item current el-fl">
        <span>1.基本信息</span>
        <span class="el-step-radius" />
      </div>
      <div class="el-step-item el-fl" :class="{ current: $route.query.stepActive == 1 }">
        <span>2.上传资料</span>
        <span class="el-step-radius" />
      </div>
    </div>
    <div style="clear: both;" />
    <div class="el-step-main">
      <template v-if="stepActive == 0">
        <!-- <CoursewareStep1 /> -->
        <CoursewareStep1 :datas="formData" @backCoursewareStep1="backCoursewareStep1" />
      </template>
      <template v-if="stepActive == 1">
        <CoursewareStep2 />
      </template>
    </div>
  </div>
</template>
<script src="./index.js"></script>
<style>
.el-form-item__content {
  line-height: 20px !important;
}
</style>
<style lang="scss" scoped src="./index.scss"></style>
